<template>
  <div>
    <h1>App</h1>

    <ul>
      <li>
        <!-- <a href="#/home">Home</a> -->
        <RouterLink to="/home">Home</RouterLink>
      </li>
      <li>
        <!-- <a href="#/shop/master">Shop</a> -->
        <RouterLink to="/shop/master">Shop</RouterLink>
      </li>
      <li>
        <!-- <a href="#/cart/a/b/c">Cart</a> -->
        <RouterLink to="/cart/a/b/c">Cart</RouterLink>
      </li>
    </ul>
    <!-- <component :is="currentView"></component> -->
    <RouterView></RouterView>
  </div>
</template>
<script setup>
import { useRouter, useRoute } from 'vue-router';
// const router = useRouter();
// console.log(router);
// //----
// const route = useRoute();
// console.log(route);

</script>
<style>
div {
  border: solid;
  padding: 20px;
}
</style>
